window.addEventListener('DOMContentLoaded', function () {

    //1.-----------------下载模块---查看权益
    var hy = document.querySelector('.part-01 .hy');
    var qyBox = document.querySelector('.part-01 .qyBox');
    hy.addEventListener('click', function () {
        qyBox.classList.toggle('erk-on');

    })


    //2.--------------- banner模块
    //2.1官方合作导航栏切换
    var t = 0;
    var index = 0;
    $('#Jbanner_nav_01 a').click(function () {
        // 改背景颜色
        $(this).addClass("current").siblings().removeClass("current");
        //显示隐藏对应内容模块
        index = $(this).index();
        $(".Jbanner_wra .JADslide").eq(index).show().siblings('.JADslide').hide();
        if (index == 0) {
            t = 0
        } else if (index == 1) {
            t = 5
        }
    })
    //2.2手动切换图片
    $('.banner-item-nav-xws a').mouseover(function () {
        var index = $(this).index();
        // 鼠标经过改变背景颜色
        $('.banner-item-nav-xws a').eq(t + index).css('background', '#3b8bed').siblings().css('background', '')
        // 鼠标经过改变字体颜色
        $('.banner-item-nav-xws a').eq(t + index).children('.ib-txt-xws').css('color', '#fff');
        $('.banner-item-nav-xws a').eq(t + index).siblings('a').children('.ib-txt-xws').css('color', '#8b8989');
        // 鼠标经过切换图片
        $(".slide-wrap-imges  a").eq(t + index).show().siblings('.banner-img').hide();
        clearInterval(timer);
        num = index;
    })
    //2.3 鼠标离开 自动切换图片
    $('.banner-item-nav-xws a').mouseout(autoPlay());


    //3.---------------新闻模块
    //3.1 鼠标移动到新闻导航栏的a中切换相应的内容模块
    $('.news-nav-xws .sn').mouseover(function () {
        var index = $(this).index()-1;
        $(".slide-wrap-xws .news-item").eq(index).show().siblings(".news-item").hide();

    })

    //3.2 鼠标移动到新闻导航栏的a时，news-nav-line-xws滑动到对应的线上
    var line = document.querySelector('.news-nav-line-xws');
    var as = document.querySelectorAll('.sn');
    for (var i = 0; i < as.length; i++) {
        as[i].setAttribute('index', i);
        as[i].addEventListener('mouseover', function () {
            var index = this.getAttribute('index');
            getDonte(line, this.offsetLeft);
        })
    }
    // 3.3更多模块鼠标over的时候文字向右移动
    $('.btn-more-xws').mouseover(function () {
        $(this).css('text-indent', '5px');
        // 小图标向右移动
        $(this).children('i').css('right', '-7px');
    })
    // 鼠标离开，样式复原
    $('.btn-more-xws').mouseout(function () {
        $(this).css('text-indent', '0px');
        // 小图标向右移动
        $(this).children('i').css('right', '0');

    })


    //封装自动轮播函数
    var num = 0;
    var timer = null; ``
    function autoPlay() {
        timer = setInterval(function () {
            // 显示隐藏图片
            $(".slide-wrap-imges  a").eq(num + t).show().siblings('.banner-img').hide();
            // 设置背景色
            $('.banner-item-nav-xws a').eq(num + t).css('background', '#3b8bed').siblings().css('background', '')
            // 鼠标经过字体变白
            $('.banner-item-nav-xws a').eq(num + t).children('.ib-txt-xws').css('color', '#fff');
            // 鼠标经过兄弟的字体变灰
            $('.banner-item-nav-xws a').eq(num + t).siblings('a').children('.ib-txt-xws').css('color', '#8b8989');
            num++;
            if (num > 4) {
                num = 0;
            }
        }, 2000);
    }

})
